<div class="container">
  <div class="photo-list">
    <div class="ui grid">
      <div class="ui horizontal segments">
       
      </div>

    </div>
    <table class="ui table">
      <thead>
        <tr>
          <th>Task Name</th>
          <th>Task Describle</th>
          <th>Task StartTime</th>
          <th>Task EndTime</th>
          <th>Task Status</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor = "#task of tasks">
         
          <td>{{task.taskName}}</td>
          <td>{{task.taskDescrible}}</td>
          <td>{{task.startTime}}</td>
          <td>{{task.endTime}}</td>
          <td>
            <a  *ngIf = "task.isComplete" class="ui green "  >已完成</a>
            <a  *ngIf = "!task.isComplete" class="ui green "  >未完成</a></td>
        </tr>
      
      </tbody>
    </table>
<br>
  
  </div>
</div>
